<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html>
<html>
<head>
<!-- Standard Meta -->
<c:import url="../common/meda.jsp"></c:import>

<!-- Site Properties -->
<title>联系我们-${sysDesc}</title>
<link rel="stylesheet" type="text/css"
	href="//${static_server }/css/semantic.min.css">
<link rel="stylesheet" type="text/css"
	href="//${static_server }/css/slick.css">
<link rel="stylesheet" type="text/css"
	href="//${static_server }/css/slick-theme.css">
<link href="//${static_server }/css/simple-line-icons.css"
	rel="stylesheet">
<link rel="stylesheet" type="text/css"
	href="http://${static_server }/css/common.css">
<link rel="stylesheet" type="text/css"
	href="http://${static_server }/css/index.css">
<style type="text/css">
.headline p {
	margin-bottom: 40px;
	font-weight: 100;
	font-size: 16px;
	color: #2b2b2b;
}

p {
	margin-bottom: 20px;
	line-height: 24px;
}

p {
	margin: 0 0 10px;
}

.headline {
	text-align: center;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
	margin-bottom: 50px;
}

.headline h2 {
	font-size: 36px;
}

h2 {
	font-weight: 700;
	margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	font-family: "Raleway", Lucida Sans Unicode, "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	color: #1a1a1a;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}

.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.price-plan .panel-heading {
	background: #333;
	text-align: center;
	padding: 25px 0;
	border-radius: 0;
}

.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.price-plan h4 {
	color: #FFF;
	font-size: 17px;
	text-align: center;
	margin-bottom: 0;
}

.price-plan .panel-body {
	background: #444;
	padding: 30px 0;
	margin-bottom: 0;
}

.price-plan h3 {
	color: #fff;
	text-align: center;
	font-size: 38px;
	font-weight: bold;
	margin-bottom: 0;
}

.price-plan h3 span {
	font-weight: 300;
	font-size: 18px;
}

.panel>.list-group {
	margin-bottom: 0;
}

.list-group {
	padding-left: 0;
	margin-bottom: 20px;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul, ol {
	margin-top: 0;
	margin-bottom: 10px;
}

.panel>.list-group .list-group-item {
	border-width: 1px 0;
	border-radius: 0;
}

.price-plan .list-group-item {
	padding: 15px 20px;
	border: 1px dotted #E5E5E5;
	text-align: center;
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.price-plan h3 sup {
	font-size: 18px;
}

sup {
	top: -.5em;
}

sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

.price-plan {
	background: #FFF;
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 0;
	box-shadow: none;
}

.price-plan .panel-footer {
	background: #333;
	padding: 25px 0;
	border-radius: 0;
}

.list-group+.panel-footer {
	border-top-width: 0;
}

.text-center {
	text-align: center;
}

.panel-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.popular .panel-heading {
	background: #08b4da;
}

.popular .panel-body {
	background: #0AA9CC;
}

.popular .panel-footer {
	background: #08b4da;
}
.features {
    margin-bottom: 40px;
    text-align: left;
}
.features i {
    float: left;
    margin-right: 20px;
}
.line-font {
    font-size: 48px;
}
.blue {
    color: #08b4da;
}
.features h3 {
    font-size: 18px;
    font-weight: bold;
    padding-top: 15px;
}
p {
    margin-bottom: 20px;
    line-height: 24px;
}
.features p {
    clear: both;
    padding-top: 10px;
}

.white-text {
    color: #FFF;
}

.bg-blue-pattern {
    background-color: #08b4da !important;
    background: url(//${static_server}/img/blue-square.png) !important;
}

.white-text h2 {
    color: #FFF;
}

.white-text p {
    color: #FFF;
}

</style>
<script src="http://${static_server }/js/jquery.min.js"></script>
<script src="http://${static_server }/js/semantic.min.js"></script>
<script src="//${static_server }/js/slick.min.js"></script>
<script src="http://${static_server }/js/common.js"></script>
<script src="//${static_server }/js/title_menu.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	
}); 
 
</script>

</head>
<body class="pushable">
	<c:import url="../common/title_menu.jsp"></c:import>
	<div class="pusher">
		<div id="schoolheadsegment"
			class="ui vertical raised masthead segment">
			<div class="ui container">
				<div class="ui breadcrumb">
					<a class="section" href="http://${static_server }/"><i
						class="icon home"></i>首页</a>
					<div class="divider">/</div>
					<div class="active section">关于我们</div>
				</div>
			</div>
			<!-- content container end -->
		</div>
		<div class="ui vertical masthead segment" style="padding: 90px 0;    border-bottom: 1px solid rgba(34,36,38,.15);">
			<div class="ui container">
				<div class="headline">
					<h2>我们都为哪些用户提供服务？</h2>
					<p>在高考志愿填报过程，普遍的学生用户都存在以下问题，我都可以帮您解决！</p>
				</div>
				<div class="ui  stackable very relaxed centered grid">
				<div class="two wide column"></div>
					<div class="seven wide column">
					<div class="features">
					<i class="line-font blue icon-question"></i>
					<h3>对前途比较迷茫，不知该学什么专业的考生</h3>
					</div>
					<div class="features">
					<i class="line-font blue icon-question"></i>
					<h3>分数刚刚过线，不知该报什么学校的考生</h3>
					</div>
					<div class="features">
					<i class="line-font blue icon-question"></i>
					<h3>想学某专业，不知该报哪个学校的学生</h3>
					</div>
					<div class="features">
					<i class="line-font blue icon-question"></i>
					<h3>想合理填报志愿，如何避免高分落榜的考生</h3>
					</div>
					</div>
					<div class="seven wide column">
					<div class="features">
					<i class="line-font blue icon-question"></i>
					<h3>想了解各高校往年分数线的学生</h3>
					</div>
					<div class="features">
					<i class="line-font blue icon-question"></i>
					<h3>想了解往年同分/同位次考生去向的考生</h3>
					</div>
					<div class="features">
					<i class="line-font blue icon-question"></i>
					<h3>想了解低分如何避免落榜的学生</h3>
					</div>
					<div class="features">
					<i class="line-font blue icon-question"></i>
					<h3>需要专家帮忙报志愿的考生</h3>
					</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ui vertical masthead segment bg-blue-pattern white-text arrow-bottom" style="padding: 90px 0;    border-bottom: 1px solid rgba(34,36,38,.15);">
			<div class="ui container">
				<div class="headline">
					<h2>我们都为用户提供哪些服务？</h2>
					<p>高考志愿通为广大考生和家长提供志愿大讲堂、查数据报志愿、专家一对一报志愿</p>
				</div>
				<div class="ui stackable grid ">
					<div class="row">
						<div class="eight wide column">
							<h2>公益报志愿讲座</h2>
							<p>深度科技高考志愿查询系统以极其先进的网络技术平台，高智能化查询方法和强大的信息内容，彻底解决考生在志愿填报过程中的心理疑惑。系统组织材料完备，信息来源真实可靠，查询功能智能化，操作界面人性化，信息查询与志愿辅导一体化，具有较高的参考和使用价值，是广大考生高考志愿填报不可缺少的信息查询工具和辅导教材。</p>
							<p>特别值得一提的是，深度科技为随时解决考生疑难所开设的在线辅导系统，不仅具有多名经验丰富的专家讲座，更为突出的是具有专业的网络在线辅导教室，通过网络技术达到虚拟现实，面对面交流互动的效果，随时解答考生及家长在志愿填报过程中所遇到的问题。为考生和家长咨询提供了极大方便。</p>
						</div>
						<div class="one wide column"></div>
						<div class="seven wide column">
							<img src="//${static_server }/img/jiangzuo.png" class="ui large image" alt="" title="">
						</div>
					</div>
					<div class="row">
						
						<div class="seven wide column">
<img src="//${static_server }/img/inclined.png" class="img-responsive" alt="" title="">
						</div>
						<div class="one wide column"></div>
						<div class="eight wide column">
							
<h2>查数据报志愿</h2>
<p>灵活有效的查询条件，几乎可以查询任何数据库的数据，我们对数据的态度是只要用户需要我们就提供相关功能</p>
<p>数据可视话，直观有效的表达</p>
<p>本着互联网的思维去做平台，真正站在用户角度去思考问题，解决用户的实际问题。</p>
<a href="//d.gaokaozyt.cn/college/index.do" class="ui inverted button">立即体验</a>

						</div>
					</div>
					<div class="row">
						<div class="eight wide column">
<h2>专家一对一</h2>
<p>1.签订志愿填报服务协议
</p><p>2.为考生建立高考志愿填报档案、并预约专家</p>
<p>3.为考生进行职业兴趣测试分析</p>
<p>4.专家根据高考成绩、招生章程、职业兴趣测试结果结合考生个人家庭意愿为考生初步制定网报方案</p>
<p>5.专家与考生及家长沟通后，最终确定院校和专业分批次形成冒险、适中、稳妥的组合方案</p>
<p></p>
	</div>
						<div class="one wide column"></div>
						<div class="seven wide column">
<img src="//${static_server }/img/inclined2.jpg" class="img-responsive" alt="" title="">
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- segment end -->
		<c:import url="../common/footer.jsp"></c:import>
	</div>
	<!-- pusher end -->
</body>
</html>